:root {
  --icon-my-close-fff: url('@/assets/icon/close-fff.png');
  --icon-my-close-000: url('@/assets/icon/close-000.png');
  --icon-my-more: url('@/assets/icon/more.png');
  --icon-my-settings: url('@/assets/icon/settings.png');
  --icon-my-exit: url('@/assets/icon/exit.png');
  --icon-my-settings-hover: url('@/assets/icon/settings-hover.png');
  --icon-my-exit-hover: url('@/assets/icon/exit-hover.png');
}

.icon-my-close-fff {
  background-image: var(--icon-my-close-fff);
}
.icon-my-close-000 {
  background-image: var(--icon-my-close-000);

  &:hover {
    background-image: var(--icon-my-close-fff);
  }
}
.icon-my-more {
  background-image: var(--icon-my-more);
}

.icon-my-settings {
  background-image: var(--icon-my-settings);
  &:hover {
    background-image: var(--icon-my-settings-hover);
  }
}
.icon-my-exit {
  background-image: var(--icon-my-exit);

  &:hover {
    background-image: var(--icon-my-exit-hover);
  }
}

.icon-image {
  background-repeat: no-repeat;
  background-size: 100%;
  cursor: pointer;
  display: inline-block;
  width: 15px;
  height: 15px;
}

.icon-16-16 {
  width: 16px;
  height: 16px;
}

.icon-12-14 {
  width: 12px;
  height: 14px;
}
